<template>
  <div class="hello">
    <!-- 头部 -->
     <van-nav-bar title="这是我的vue项目"  left-arrow>
     </van-nav-bar>

   <!-- 底部导航 -->
  <van-tabbar v-model="active">
    <van-tabbar-item icon="wap-home">首页</van-tabbar-item>
    <van-tabbar-item icon="records" >商品</van-tabbar-item>
    <van-tabbar-item icon="cart" info="5">购物车</van-tabbar-item>
    <van-tabbar-item icon="contact" >我的</van-tabbar-item>
  </van-tabbar>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  data() {
    return {
      msg: "微风轻拂",
      active: 0,
       
    };
  }
};
</script>
<style scoped>
.iconfont{
  
}
</style>
